<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>

    <link rel="stylesheet" href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css">
    <style>
        #maindiv {
            width: 40%;
            margin: auto;

        }
        #maindiv .input-group{
            margin-top: 8px;
        }
        #loginbtn{
            width: 40%;
            margin-top: 16px;
            margin-left: auto;
            margin-right: auto;
        }
        #footer{
            margin-top: 250px;
        }
        a,span{
            text-decoration: none;
            font-size: 1.2em;
            padding: 5px;
        }

    </style>
<body>
<div class="container" id="content">
    <div style="text-align: center;">
        <h1>欢迎登录鄢氏族谱管理系统</h1>

        <div id="maindiv">
            <div class="input-group input-group-lg">
                <span class="input-group-addon">用户名</span>
                <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
            </div>
            <div class="input-group input-group-lg">
                <span class="input-group-addon">密&nbsp;&nbsp;&nbsp;码</span>
                <input type="password" class="form-control" placeholder="Password" aria-describedby="basic-addon1">
            </div>
        </div>
        <button id="loginbtn" class="btn btn-block bg-primary btn-lg">登录</button>
        <a href="">用户注册</a><span style="color:#428bca ">&nbsp;|&nbsp;</span><a href="">忘记密码</a>
        <div id="footer">
            <p>Tansuyun|Chen Chen</p>
        </div>
    </div>
</div>
</body>
</html>